@charset "utf-8";
/* CSS Document */

.metro-layout{width: 100%; margin: 0 auto; font-size: 15px; color:#fff;position:absolute;z-index: 99991;}
.metro-layout .header{width: 990px; position:absolute;left:50%;margin-left: -445px; margin-top: 100px; overflow: hidden; }
/**.metro-layout .header .logo{float: left; width: 280px; height:56px; background: url(../img/logo_yht.png) no-repeat;}*/
.metro-layout .header .logo{float: left; width: 280px; height:56px;}
.metro-layout .header .logo-text{float: left; width:200px; margin-top: 22px; font-size:21px;}
.metro-layout .header .controls{float: right; margin-right: 10px; padding: 10px;}
.metro-layout .header .controls .control{float:left;padding: 5px; margin: 0 5px;cursor: pointer;}
.metro-layout .header .controls .control:hover{background-color: #FFFFFF;opacity:0.65;-moz-opacity:0.65;filter:alpha(opacity=65); z-index: 10; top:0;}

.metro-layout .header .controls .control .img{margin-left:5px;display:inline-block;vertical-align:middle;width:33px;height:33px;}
.metro-layout .header .controls .control .text{display:inline-block;vertical-align:middle;padding:5px 5px;color:#a29e9e;}

.img-user{background:url(../img/control_user.png) no-repeat;}
.img-logout{background:url(../img/control_logout.png) no-repeat;}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.metro-layout .body {width: 990px; position:absolute;left:50%;margin-left: -445px; margin-top: 200px; overflow: hidden; }
.metro-layout .body .items { padding: 10px; position: relative; overflow: hidden;}
.metro-layout .item { float: left; position: relative; margin: 5px; width: 270px; height: 120px; display: block; vertical-align:middle; cursor: pointer; overflow: hidden; background: #00a8ec;}
.metro-layout .item:hover { opacity: 0.65; filter: alpha(opacity=65);}

.metro-layout .item img {position:absolute; left: 50%; top: 45%; margin-left: -24px; margin-top: -28px;}
.metro-layout .item span {position:absolute; bottom: 12px; width: 98%; text-align: center; font-size:15px; }
.metro-layout .min-item{width: 130px;}

.metro-layout .footer {width: 100%;height: 20px;margin: 0 auto;position: fixed;bottom: 20px;text-align:center; overflow:hidden;}

.table-1{width: 90%;}
.table-1 tr{height:30px;}
.table-1 .title{width: 25%; text-align: right;}
.table-1 .text{text-align: left;padding-left: 5px;}
.table-1 .text.line{border-bottom: 1px solid #ccc;}
.table-1 input{width:220px;height:28px;padding:0px 5px;border:1px solid #ccc;border-radius:6px;letter-spacing:2px;font-size:14px;}

.error-text{background: #ffb5c5;}

.page-loading {position: absolute;left: 0px;top: 0px;background: #f5f5f5 url(../img/loading.gif) no-repeat center;width: 100%;height: 100%;z-index: 99999;}
.for-loading {position: absolute;vertical-align: middle;text-align: center;top: 0;right: 0;bottom: 0;left: 0;width: 400px;height: 100px;padding-top: 200px;margin: auto;color: #4a8bc2;font-size: 20px;}